.badge {
  font-size: 14px;
  line-height: 20px;
  padding: 3px;
  background: $stable;
  color: $light;
  // border-radius: 3px;
  &-light {
    @include badge-style($light)
  }
  &-positive {
    @include badge-style($positive)
  }
  &-calm {
    @include badge-style($calm)
  }
  &-royal {
    @include badge-style($royal)
  }
  &-dark {
    @include badge-style($dark)
  }
  &-dark07 {
    @include badge-style(darken($dark, 20%))//#7a7a7a7a
  }
  &-energized {
    @include badge-style($energized)
  }
  &-assertive {
    @include badge-style($assertive)
  }
  &-balanced {
    @include badge-style($balanced)
  }
  &-yellow {
    @include badge-style($yellow)
  }
  &-dashed{
    border-radius: 3px;
    color: #7B7F83 !important;
    @include badge-style(transparent,$dark);
    border: 1px dotted #7B7F83;
  }
}
